<template>
  <div>
    <h1>app</h1>
    <input type="text" ref="mes" />
    <button @click="showmew">展示输入框的内容</button>
    <hr />
    <Header ref="header" />
    <button @click="handler">按钮</button>
  </div>
</template>

<script>
import Header from "./components/Header.vue";
export default {
  name: "App",
  components: {
    Header,
  },
  methods: {
    showmew() {
      console.log(this);
      console.log(this.$refs.mes);
      console.log(this.$refs.mes.value);
    },
    handler() {
      console.log(this.$refs.header);
      this.$refs.header.count++;
    },
  },
};
</script>

<style></style>
